<template>

	<view class="content">
		<view class="navbar">
			<text class="nav-btn" @click="navigateBack">返回</text>
			<text class="nav-title">评价</text>
		</view>



		<!-- table-list:表格数组 数组里对象可自定义字段  -->
		<cc-defineTable :tableData="tableArr"></cc-defineTable>


	</view>
</template>

<script>
	import store from '../../store/index';
	export default {
		components: {

		},

		data() {
			return {

				tableArr: [],

			}
		},
		mounted() {
			// 发起 HTTP 请求
			uni.request({
				url: 'http://localhost:8080/app/order/userEvaluate?uid=' + this.$store.state.userdata[1],
				method: 'GET',
				success: (res) => {
					if (res.data && res.data.code === 0) {
						// 请求成功，将数据赋值给 tableArr
						this.tableArr = res.data.evaluate.map((item) => {
							return {
								name: '评价信息', // 你可以自定义名称
								list: [{
										name: '订单ID',
										value: item.orderId
									},
									{
										name: '用户ID',
										value: item.uid
									},
									{
										name: '司机ID',
										value: item.driverId
									},
									{
										name: '服务评价',
										value: item.serviceRating
									},
								],
							};
						});
					} else {
						console.error('请求失败:', res);
					}
				},
				fail: (err) => {
					console.error('请求失败:', err);
				},
			});
		},
		methods: {
			navigateBack() {
				// 使用uni-app的API进行页面返回
				uni.navigateBack();
			}


		}
	}
</script>

<style>
	page {

		background-color: #f7f7f7;
	}

	.content {
		display: flex;
		flex-direction: column;

	}

	.navbar {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 50px;
		/* 导航栏的高度 */
		background-color: #ffffff;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	}

	.nav-btn {
		position: absolute;
		/* 绝对定位，相对于屏幕左边缘定位 */
		left: 10px;
		/* 左边距 */
		font-size: 16px;
		color: #333333;
	}

	.nav-title {
		flex-grow: 1;
		/* 让标题占据剩余空间，实现水平居中 */
		text-align: center;
		/* 文本居中 */
		font-size: 18px;
		font-weight: bold;
		color: #333333;
	}
</style>